<template>
	<view class="reminder">
		<view class="reminder-content">
			<view class="reminder-text-wrapper">
				<text class="welcome-text">{{ title }}</text>
				<view class="divider">
					<view class="line"></view>
					<view class="circle"></view>
					<view class="line"></view>
				</view>
				<text class="reminder-text gradient-text">{{ subtitle }}</text>
			</view>
		</view>
		<view class="reminder-decoration-corner top-left"></view>
		<view class="reminder-decoration-corner top-right"></view>
		<view class="reminder-decoration-corner bottom-left"></view>
		<view class="reminder-decoration-corner bottom-right"></view>
		<view class="reminder-line-decoration top"></view>
		<view class="reminder-line-decoration bottom"></view>
		<view class="reminder-glow"></view>
	</view>
</template>

<script setup>
	const props = defineProps({
		title: {
			type: String,
			default: '欢迎使用自助服务系统',
		},
		subtitle: {
			type: String,
			default: '请保持安静，让我们共同维护这片宁静的空间',
		},
	});
</script>

<style lang="scss" scoped>
	
</style>
